<template>
  <div id="app" :data-layout="fixedLayout ? 'fixed' : ''">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    size() {
      return this.$store.getters.size;
    },
    fixedLayout: {
      get() {
        return this.$store.state.settings.fixedHeader;
      },
    },
  },
};
</script>
